<#macro nav_menu>
<div id="fixed" class="nav_menu" style="background: #ffffff">
    <div class="container">
        <div class="top">
            <p> 租房·一站房屋服务专家</p>
        </div>
        <div class="bk"></div>
        <div>
            <div class="nav_left">
                <a href="/index.html"><img src="/img/logo-xr.png" alt="重庆房屋出租咨询有限公司" border="0"></a>
                <p> </p>
            </div>
            <div class="nav_right">
                <div class="right_top">
                    <img src="/img/logor.jpg" alt="重庆房屋出租咨询有限公司">
                    <span></span>
                </div>
                <div class="right_bottom">
                    <ul>
                        <li class="menu_style"><a href="/index.html" class="menu">首页</a></li>
                        <li class="menu_style"><a href="/product.html" class="menu">出租房源</a></li>
                        <li class="menu_style"><a href="/article.html" class="menu">求租信息</a></li>
                        <li class="menu_style"><a href="/industry.html" class="menu">出租信息</a></li>
                        <li class="menu_style"><a href="/talent_training.html" class="menu">人才培养</a></li>
                        <li class="menu_style"><a href="/contactus.html" class="menu">联系我们</a></li>
                        <li class="menu_style"><a href="/about.html" class="menu">关于我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>
</#macro>

<#macro nav class>
    <div class="navbar-fixed-top" style="background: #fafafa;height: 34px;color: #e35858;position: fixed;z-index: 1050">
        <div class="container" style="height: 34px;margin-bottom: 0px">
            <p style="float: left;line-height: 34px;font-size: 14px">欢迎访问本网站 | ·专注于房屋质量</p>
            <i style="font-size: 34px;padding-right: 32px;float: right;line-height: 34px;" class="fa fa-phone" aria-hidden="true"></i>
        </div>
    </div>
    <nav class="navbar navbar-ct-blue ${class} navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="/index.html">
                    <div class="logo-container">
                        <div class="logo">
                            <img src="/img/logo.png" alt="重庆房屋出租咨询有限公司" width="100%" height="100%">
                        </div>
                        <div class="brand">
                            箭乔
                        </div>
                    </div>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/index.html" class="btn btn-round btn-default">首页</a></li>
                    <li><a href="/product.html" class="btn btn-round btn-default">产品中心</a></li>
                    <li><a href="/article.html" class="btn btn-round btn-default">新闻资讯</a></li>
                    <li><a href="/industry.html" class="btn btn-round btn-default">行业资讯</a></li>
                    <li><a href="/talent_training.html" class="btn btn-round btn-default">人才培养</a></li>
                    <li><a href="/contactus.html" class="btn btn-round btn-default">联系我们</a></li>
                    <li><a href="/about.html" class="btn btn-round btn-default">关于我们</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</#macro>

<#-- 参数说明：pageNo当前的页码，totalPage总页数， showPages显示的页码个数，callFunName回调方法名（需在js中自己定义） -->
<#macro page pageNo totalPage showPages callFunName>
    <#if pageNo!=1>
        <li><a href="javascript:${callFunName+'('+(pageNo-1)+')'};" class="page_prev">&laquo;</a></li>
    </#if>
    <#if pageNo-showPages/2 gt 0>
        <#assign start = pageNo-(showPages-1)/2/>
        <#if showPages gt totalPage>
            <#assign start = 1/>
        </#if>
    <#else>
        <#assign start = 1/>
    </#if>
    <#if totalPage gt showPages>
        <#assign end = (start+showPages-1)/>
        <#if end gt totalPage>
            <#assign start = totalPage-showPages+1/>
            <#assign end = totalPage/>
        </#if>
    <#else>
        <#assign end = totalPage/>
    </#if>
    <#assign pages=start..end/>
    <#list pages as page>
        <#if page==pageNo>
            <li class="active"><a href="javascript:<#--${callFunName+'('+page+')-->'};" class="current">${page}</a></li>
        <#else>
        <li><a href="javascript:${callFunName+'('+page+')'};">${page}</a></li>
        </#if>
    </#list>
    <#if pageNo!=totalPage>
    <li>
        <li><a href="javascript:${callFunName+'('+(pageNo+1)+')'};" class="page_next">&raquo;</a></li>
    </li>
    </#if>
</#macro>

<#-- 参数说明：pageNo当前的页码，totalPage总页数， showPages显示的页码个数，callFunName回调方法名（需在js中自己定义） -->
<#macro pageA pageNo totalPage showPages callFunName>
    <#if pageNo!=1>
    <li><a href="${callFunName + (pageNo-1)}" class="page_prev">&laquo;</a></li>
    </#if>
    <#if pageNo-showPages/2 gt 0>
        <#assign start = pageNo-(showPages-1)/2/>
        <#if showPages gt totalPage>
            <#assign start = 1/>
        </#if>
    <#else>
        <#assign start = 1/>
    </#if>
    <#if totalPage gt showPages>
        <#assign end = (start+showPages-1)/>
        <#if end gt totalPage>
            <#assign start = totalPage-showPages+1/>
            <#assign end = totalPage/>
        </#if>
    <#else>
        <#assign end = totalPage/>
    </#if>
    <#assign pages=start..end/>
    <#list pages as page>
        <#if page==pageNo>
        <li class="active"><a href="javascript:;" class="current">${page}</a></li>
        <#else>
        <li><a href="${callFunName + page}">${page}</a></li>
        </#if>
    </#list>
    <#if pageNo!=totalPage>
    <li>
    <li><a href="${callFunName + (pageNo+1)}" class="page_next">&raquo;</a></li>
    </li>
    </#if>
</#macro>

<#macro footer1>
    <div class="footerbottom">
        <div class="container">
            &copy; 2017 重庆房屋出租咨询有限公司 <i class="fa fa-heart heart" alt="love"></i>
            <a href="http://www.miitbeian.gov.cn" style="color: white">渝ICP备88888888号</a>
        </div>
    </div>
    <div class="cndns-right">
        <div class="cndns-right-meau meau-sev">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe901;</span>
                <p>
                    在线<br />
                    客服
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <span class="demo-icon">&#xe901;</span>
                        <p>在线客服<i>服务时间：9:00-24:00</i></p>
                        <div class="clear"></div>
                    </div>
                    <div class="sev-b">
                        <h4>选择下列客户马上在线沟通：</h4>
                        <ul id="zixunUl">
                            <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=99946332&site=qq&menu=yes">朱晓林</a></li>
                            <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2308270189&site=qq&menu=yes">李艳钊</a></li>
                            <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=729834530&site=qq&menu=yes">陈晓慧</a></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                    <span class="arrow-right"></span>
                </div>
            </div>
        </div>
        <div class="cndns-right-meau meau-contact">
            <a href="javascript:" class="cndns-right-btn">
                <span class="demo-icon">&#xe902;</span>
                <p>
                    客服<br />
                    热线
                </p>
            </a>
            <div class="cndns-right-box">
                <div class="box-border">
                    <div class="sev-t">
                        <span class="demo-icon">&#xe902;</span>
                        <p>400-0388-878<br /><i>全国统一服务热线</i></p>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="cndns-right-meau meau-top" id="top-back">
            <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
                <span class="demo-icon">&#xe904;</span>
                <i>顶部</i>
            </a>
        </div>

    </div>
    <script type="text/javascript">
        window.onload = function() {
            //置顶图标显示
            $('#top-back').hide()
            if($(this).scrollTop() > 350){
                $("#top-back").show();
            }
            $(window).scroll(function(){
                if($(this).scrollTop() > 350){
                    $("#top-back").fadeIn();
                }
                else{
                    $("#top-back").fadeOut();
                }
            })
        }
        //置顶事件
        function topBack(){
            $('body,html').animate({scrollTop:0},300);
        }
    </script>
</#macro>

    <#macro footer>
        <div class="footer">
        <div class="footerbottom">
            <div class="container">
                &copy; 2017 重庆房屋出租咨询有限公司 <i class="fa fa-heart heart" alt="love"></i>
                <a href="http://www.miitbeian.gov.cn" style="color: white">渝ICP备88888888号</a>
            </div>
        </div>
        <div class="cndns-right">
            <div class="cndns-right-meau meau-sev">
                <a href="javascript:" class="cndns-right-btn">
                    <span class="demo-icon">&#xe901;</span>
                    <p>
                        在线<br />
                        客服
                    </p>
                </a>
                <div class="cndns-right-box">
                    <div class="box-border">
                        <div class="sev-t">
                            <span class="demo-icon">&#xe901;</span>
                            <p>在线客服<i>服务时间：9:00-24:00</i></p>
                            <div class="clear"></div>
                        </div>
                        <div class="sev-b">
                            <h4>选择下列客户马上在线沟通：</h4>
                            <ul id="zixunUl">
                                <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=99946332&site=qq&menu=yes">朱晓林</a></li>
                                <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2308270189&site=qq&menu=yes">李艳钊</a></li>
                                <li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=729834530&site=qq&menu=yes">陈晓慧</a></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                        <span class="arrow-right"></span>
                    </div>
                </div>
            </div>
            <div class="cndns-right-meau meau-contact">
                <a href="javascript:" class="cndns-right-btn">
                    <span class="demo-icon">&#xe902;</span>
                    <p>
                        客服<br />
                        热线
                    </p>
                </a>
                <div class="cndns-right-box">
                    <div class="box-border">
                        <div class="sev-t">
                            <span class="demo-icon">&#xe902;</span>
                            <p>400-0000-666<br /><i>全国统一服务热线</i></p>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cndns-right-meau meau-top" id="top-back">
                <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
                    <span class="demo-icon">&#xe904;</span>
                    <i>顶部</i>
                </a>
            </div>

        </div>
        <script type="text/javascript">
            window.onload = function() {
                //置顶图标显示
                $('#top-back').hide()
                if($(this).scrollTop() > 350){
                    $("#top-back").show();
                }
                $(window).scroll(function(){
                    if($(this).scrollTop() > 350){
                        $("#top-back").fadeIn();
                    }
                    else{
                        $("#top-back").fadeOut();
                    }
                })
            }
            //置顶事件
            function topBack(){
                $('body,html').animate({scrollTop:0},300);
            }
        </script>
    </#macro>